<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登录</title>
    <link rel="stylesheet" href="less/dist/style.css">
    <link rel="stylesheet" href="less/dist/login.css">
</head>
<body>
    <!-- 头部开始 -->
    <div id="header">
        <header class="head-top">
            <div class="go-back">
                <a href="myinfo.html">
                    <i class="goback-icon"></i>
                </a>
            </div>
            <div class="title">
                <h3>登录</h3>
            </div>
            <div class="register">
                <a href="register.html">注册</a>
            </div>
        </header>
    </div>

    <!--内容区域开始-->
    <div id="wrapper">
        <div id="scroller">
            <!-- 表单 -->
            <form action="">
                <div class="login-bar clearfix">
                    <ul>
                        <li class="inp">
                            <i class="login-name">登录名</i><input id="username" type="text" placeholder="手机号码/用户名/邮箱">
                            <a href="javascript:" class="clear"></a>
                        </li>
                        <li class="inp pw">
                            <i class="login-pw">密码</i>
                            <input id="password" type="password" placeholder="登录密码">
                            <a href="javascript:" class="clear"></a>
                            <a href="javascript:" data-show="1" class="change " style="display: block;"></a>
                        </li>

                    </ul>

                    <div class="login-btn">
                        <button class="submit" type="submit">登录</button>
                    </div>

                    <div class="login-qes">
                        <a href="#">登录遇到问题?</a>
                        <a href="#">境外手机登录</a>
                    </div>

                </div>

            </form>
            <!-- 合作伙伴 -->
            <div class="cooperate">
                <ul>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                </ul>
            </div>
        </div>
    </div> 
    <script src="less/js/flexible.js"></script>
    <script src="less/js/iscroll.js"></script>
    <script src="less/js/zepto.js"></script>  
</body>
</html>